
Vue.component('c-top', {
    template: `
    <div class='top' id='top'>
        <div class="title">

            <!-- 标题名和帮助按钮 -->
            <div class='title_name'>
                <slot name='nav'></slot>
            </div>
            <div class="title_link">
                <slot name='link'></slot>
            </div>
        </div>
    </div>
    `,
    props: {
        name: {
            required: true,
            type: String
        }
    }
});

/**
 * E.content
 */
Vue.component('c-content', {
    template: `
    <div class='content' id='content'>
        <slot></slot>
    </div>
    `
});

/**
 * E.line
 */
Vue.component('c-line', {
    template: `
    <div class='line'>
        <slot></slot>
    </div>
    `
});

/**
 * E.left
 */
Vue.component('c-left', {
    template: `
    <div class='left'>
        <slot></slot>
    </div>
    `
});

/**
 * E.right
 */
Vue.component('c-right', {
    template: `
    <div class='right'>
        <slot></slot>
    </div>
    `
});

/**
 * E.form
 */
Vue.component('c-filter', {
    template: `
    <div class='filter'>
        <slot></slot>
    </div>
    `
});

/**
 * E.form
 */
Vue.component('c-form', {
    template: `
    <div class='form'>
        <slot></slot>
    </div>
    `
});

/**
 * E.list
 */
Vue.component('c-list', {
    template: `
    <div class='list'>
        <slot></slot>
    </div>
    `
});

/**
 * E.command
 */
Vue.component('c-command', {
    template: `
    <div class='command'>
        <slot></slot>
    </div>
    `
});

/**
 * E.chart
 */
Vue.component('c-chart', {
    template: `
    <div class='chart'>
        <slot></slot>
    </div>
    `
});

/**
 * E.map
 */
Vue.component('c-map', {
    template: `
    <div class='map'>
        <slot></slot>
    </div>
    `
});